<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>qqindex</title>
	<link rel="stylesheet" href="./css/head.css">
</head>
<body>
	<div class="total">
	     <!--这个是头部头布局-->
		        <div class="head">
				<div class="left"><img src="./img/headleft.png" alt=""/></div>
				<div class="mid"><img src="./img/headmid.png" alt=""/></div>
				<div class="right"><img src="./img/headright.png" alt=""/></div>
		        </div>
		<!--这个是头部中布局-->
		   <div class="headm">
		   	<div class="con"><img src="./img/headm1.png" alt=""/></div>
		   	<div class="con"><img src="./img/headm2.png" alt=""/></div>
		   	<div class="con"><img src="./img/headm3.png" alt=""/></div>
		   	<div class="con"><img src="./img/headm4.png" alt=""/></div>
		   	<div class="con"><img src="./img/headm5.png" alt=""/></div>
		   	<div class="con"><img src="./img/headm6.png" alt=""/></div>
		   	<div class="l"><img src="./img/headm7.png" alt=""/></div>
		   </div>
		   <!--这个是头部底布局-->
		   <div class="headb">
		   	<div class="left"><img src="./img/headbleft.png" alt=""/></div>
		   	<div class="right"><img src="./img/headbright.png" alt=""/></div>
		   </div>

		   <!--这个是页面内容布局-->
		   <div class="middle">
			   <!--这个是页面内容布局左-->
			   	<div class="left">
			   		<div class="left1"><img src="./img/middleleft1.png" alt=""/></div>
			   		<div class="left2"><img src="./img/middleleft2.png" alt=""/></div>
			   		<div class="left3"><img src="./img/middleleft3.png" alt=""/></div>
			   		<div class="left4"><img src="./img/middleleft4.png" alt=""/></div>
			   		<div class="left5"><img src="./img/middleleft5.png" alt=""/></div>
			   		<div class="left6"><img src="./img/middleleft6.png" alt=""/></div>
			   	</div>
			   	<!--这个是页面内容布局中-->
			   	<div class="middle1">
			   		<div class="middleo"><img src="./img/middle1.png" alt=""/></div>
			   		<div class="middle2"><img src="./img/middle2.png" alt=""/></div>
			   		<div class="middle3"><img src="./img/middle3.png" alt=""/></div>
			   		<div class="middle4"><img src="./img/middle4.png" alt=""/></div>
			   		<div class="middle5"><img src="./img/middle5.png" alt=""/></div>
			   		<div class="middle6"><img src="./img/middle6.png" alt=""/></div>
			   		<div class="middle7"><img src="./img/middle7.png" alt=""/></div>
			   		<div class="middle8"><img src="./img/middle8.png" alt=""/></div>
			   		<div class="middle9"><img src="./img/middle9.png" alt=""/></div>
			   	</div>
			   	<!--这个是页面内容布局右-->
			   	<div class="right">
			   		<div class="righttop"><img src="./img/middleright1.png" alt=""/></div>
			   		<div class="rightmid"><img src="./img/middleright2.png" alt=""/></div>
			   		<div class="rightmid2"><img src="./img/middleright3.png" alt=""/></div>
			   		<div class="rightbot"><img src="./img/middleright4.png" alt=""/></div>
			   	</div>
		   </div>
		   <!--这个是鞋子内容布局-->
		   <div class="shoe">
		   	   <div class="left"><img src="./img/shoeleft.png" alt=""/></div>
		   	   <div class="right"><img src="./img/shoeright.png" alt=""/></div>
		   </div>

		   <!--这个是鞋子下面的第一个内容布局-->
		   <div class="new">
		         <div class="left">
		                <div class="left1"><img src="./img/new1.png" alt=""/></div>
		                <div class="right1"><img src="./img/new2.png" alt=""/></div>
		         </div>

		         <div class="right"><img src="./img/new3.png" alt=""/></div>
		   </div>
		    <!--这个是鞋子下面的第二个内容布局-->
		   <div class="tiyu">
				   	<div class="left">
				   	 <div class="left1"><img src="./img/tiyu1.png" alt=""/></div>
				     <div class="right1"><img src="./img/tiyu2.png" alt=""/></div>
				   	</div>
				   	<div class="right"><img src="./img/tiyu3.png" alt=""/></div>
		   </div>
		   <!--这个是鞋子下面的第三个内容布局-->
		   <div class="tiyu2">
		   	<div class="left"><img src="./img/tiyu21.png" alt=""/></div>
		   	<div class="mid"><img src="./img/tiyu22.png" alt=""/></div>
		   	<div class="bot"><img src="./img/tiyu23.png" alt=""/></div>
		   </div>
		    <!--这明星内容布局-->
		    <div class="star"><img src="./img/star.png" alt=""/></div>

		    <!--这娱乐内容布局-->
		    <div class="yule">
		    	<div class="left"><img src="./img/yule1.png" alt=""/></div>
		    	<div class="mid"><img src="./img/yule2.png" alt=""/></div>
		    	<div class="right"><img src="./img/yule3.png" alt=""/></div>
		    </div>
		    <!--这是科技内容布局-->
		    <div class="keji">
		    	<div class="left"><img src="./img/kejileft.png" alt=""/></div>
		    	<div class="mid"><img src="./img/kejimid.png" alt=""/></div>
		    	<div class="right"><img src="./img/kejiright.png" alt=""/></div>
		    </div>
		     <!--这是sale广告内容布局-->
		     <div class="salead">
		     	<div class="left"><img src="./img/adleft.png" alt=""/></div>
		     	<div class="right"><img src="./img/adright.png" alt=""/></div>
		     </div>

		      <!--这是salefirst广告内容布局-->
		     <div class="salefirstad">
		     	<div class="left"><img src="./img/salefirst1.png" alt=""/></div>
		     	<div class="mid"><img src="./img/salefirst2.png" alt=""/></div>
		     	<div class="right"><img src="./img/salefirst3.png" alt=""/></div>
		     </div>

		      <!--这是salesecond广告内容布局-->
		     <div class="salesecondad">
		     	<div class="left"><img src="./img/salesecond1.png" alt=""/></div>
		     	<div class="mid"><img src="./img/salesecond2.png" alt=""/></div>
		     	<div class="right"><img src="./img/salesecond3.png" alt=""/></div>
		     </div>
		          <!--这是salethree广告内容布局-->
		     <div class="salethreead">
		     	<div class="left"><img src="./img/salethree1.png" alt=""/></div>
		     	<div class="mid"><img src="./img/salethree2.png" alt=""/></div>
		     	<div class="right"><img src="./img/salethree3.png" alt=""/></div>
		     </div>

		            <!--这是salefour广告内容布局-->
		     <div class="salefourad">
		     	<div class="left"><img src="./img/salefour1.png" alt=""/></div>
		     	<div class="mid"><img src="./img/salefour2.png" alt=""/></div>
		     	<div class="right"><img src="./img/salefour3.png" alt=""/></div>
		     </div>

		               <!--这是salefive广告内容布局-->
		     <div class="salefivead">
		     	<div class="left"><img src="./img/salefive1.png" alt=""/></div>
		     	<div class="mid"><img src="./img/salefive2.png" alt=""/></div>
		     	<div class="right"><img src="./img/salefive3.png" alt=""/></div>
		     </div>
		                 <!--这是salefive广告内容布局-->
		     <div class="salesixad">
		     	<div class="left1"><img src="./img/salesix1.png" alt=""/></div>
		     	<div class="left"><img src="./img/salesix2.png" alt=""/></div>
		     	<div class="left"><img src="./img/salesix3.png" alt=""/></div>
		     	<div class="left"><img src="./img/salesix4.png" alt=""/></div>
		     	<div class="left"><img src="./img/salesix5.png" alt=""/></div>
		     	<div class="left"><img src="./img/salesix6.png" alt=""/></div>
		     </div>

		      <!--这是腾讯广告内容布局-->
		      <div class="tenxu"><img src="./img/texuad.png" alt=""/></div>
		        <!--这是腾讯文字广告跟认证内容布局-->
		      <div class="texttenxu"><img src="./img/textad.png" alt=""/></div>
		      <!--这是腾讯最底部显示广告跟认证内容布局-->
		      <div class="bottom">
		      <div class="bleft"><img src="./img/p1.png" /></div>
		      <div class="bright"><img src="./img/p2.png" /></div>
		      <div class="bright"><img src="./img/p3.png" /></div>
		      <div class="bright"><img src="./img/p4.png" /></div>
		      <div class="bright"><img src="./img/p5.png" /></div>
		      <div class="bright"><img src="./img/p6.png" /></div>
		      <div class="bright"><img src="./img/p7.png" /></div>
		      </div>

        



	</div>
</body>
</html>